<template>
  
<div id='about-page'>

  <HeaderComponents></HeaderComponents>
  
  <div class='container pt100 lh50'>
    <div class='row'>
        <div class="col-md-12 col-sm-3">

            <div class="row no-gutter">
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-1.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x">
                                        1231312
                                    </i>
                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-2.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-3.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-4.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-5.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-6.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-7.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-8.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-9.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-10.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void();" class="work-box">
                        <img src="../assets/images/work-11.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4 work">
                    <a href="javascript:void(0);" class="work-box"> <img src="../assets/images/work-12.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay-caption">
                                <p>
                                    <i class="fa fa-search-plus fa-2x"></i>
                                </p>
                            </div>
                        </div>
                        <!-- overlay -->
                    </a>
                </div>
            </div>

        </div>
    </div>
  </div>

  <FooterComponents></FooterComponents>

</div>

</template>

<script>

import Footer from '@/uicomponents/Footer'
import Header from '@/uicomponents/Header'

export default {
  name: 'about',
  components: {
    'FooterComponents': Footer,
    'HeaderComponents': Header
  },
  mounted () {
      // todo....
  }
}

</script>


<style>
@import '../assets/css/bootstrap.min.css';
@import '../assets/css/main.css';

</style>



